<script type="text/javascript">
$(function() {
		$("#tab_options").tabs();
		$("#avertissement").dialog({
			modal: true,
			buttons: {
				Ok: function() {
					$(this).dialog('close');
				}
			}
		});

});

</script>

		
<?PHP
//Si le formulaire est envoyé
if(isset($_POST['action'])){
  //Pour chaque item
  foreach($_POST as $key=>$value){
      if($key!='action'){  //on exclu le champ caché "action"    
        //On fait la mise a jour
        $sql_maj = "UPDATE ".$CONF_bdd_prefixe."config SET VALEUR ='".$value."' WHERE ID=".$key;
        //echo $sql_maj;
        $query_maj = mysql_query($sql_maj);
      }
  } 
}

$i=0;
$tab=array();

//On selectionne tous les theme différents
$sql_categories = "SELECT DISTINCT(THEME) FROM ".$CONF_bdd_prefixe."config"; 
$query_categories = mysql_query($sql_categories);
$nb_categories = mysql_num_rows($query_categories);

echo "<form action='' method='post'><input type='hidden' name='action' id='action' value='ok' />";

echo "<div id='tab_options'><ul>";
//Pour chaque theme
while($categorie = mysql_fetch_object($query_categories)){
  //On crée un onglet
  echo "<li><a href='#tabs-".$i."'>".$categorie->THEME."</a></li>";
  //On prend toutes les config de ce theme
  $sql_config = "SELECT * FROM ".$CONF_bdd_prefixe."config WHERE THEME='".$categorie->THEME."'"; 
  $query_config = mysql_query($sql_config);
  $tab[$i]=""; 
  //Pour chaque config de ce theme
  while($config = mysql_fetch_object($query_config)){
      //On affiche le nom et sa valeur
      $tab[$i].="<h2>".$config->DESCRIPTION."</h2>
          <input type='text' id='".$config->ID."' name='".$config->ID."' value='".$config->VALEUR."' />";
  }  
  $i++;
  
}              
echo "</ul>";


//On affiche les différents cadre qui auront les données et on les affiche
for($j=0;$j<$nb_categories;$j++){
  echo '<div id="tabs-'.$j.'"><p>'.$tab[$j].'</p></div>';
}

echo "<input type='submit' value='Envoyer'></form>";

 ?>

	
</div>
<div id="avertissement" title="Attention !"><p>
		<span style="float: left; margin: 0pt 7px 50px 0pt;" class="ui-icon ui-icon-alert"></span>
		Attention, des modifications sur cette page peuvent engendrées des problèmes...</p>
    <p>Ne les faites qu'en étant sur de vous !</p>
    </div>
